﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>凉山州中考信息管理系统</title>
<link rel="stylesheet" href="/css/newStyle.css"
	th:href="@{/css/newStyle.css}">
<style type="text/css">
/* 选中按钮的样式 */
.selectedBtn {
	opacity: 0.5;
}
</style>
</head>
<body>
	<!-- 返回上一级提交表单 -->
	<form id="returnBack" action="check" method="post">
		<input type="hidden" th:value="${zkw.userid}" name="userid" /> 
		<input type="hidden" th:value="${zkw.password}" name="password" />
		<input type="hidden" th:value="${zkw.xsdm}" name="xsdm" />
	</form>
	<!-- 修改学生表单提交 -->
	<form id="updateStuForm" action="updateStudents" method="post"></form>
	<div class="mainBox">
		<div class="mainBox_inner" th:object="${zkw}">
			<h1>凉山州中考信息管理系统(县市招办)</h1>
			<form action="" method="post" id="form1">
				<input id="param_bmh" type="hidden" name="bmh" value=""> <input
					id="param_sele" type="hidden" name="sele" value="">
				<div class="tableOutBox">
					<div class="fl">
						<h4><span th:text="${zkw.username}+' 报名信息管理'">报名信息管理</span></h4>
					</div>
					<div class="fr rightbox">
						<button id="back" class="loginOut" type="button"
							onclick="$('#returnBack').submit();">[返回上级]</button>
						<button id="createbmh" class="loginOut" type="button"
							onclick="createBMH(this)">[生成报名号]</button>
						<!-- <button id="addstudent" class="loginOut" onclick="is_submit(3)" hidden="hidden">[添加学生]</button> -->
						<button class="loginOut" type="button" onclick="updateStudent()">[修改学生]</button>
						<button id="notsigupstudent" type="button"
							onclick="ToggleBG(this);loadWBMstu();" class="loginOut">[未报名学生]</button>
						<button id="YBMstudent" type="button"
							onclick="ToggleBG(this);loadStuByState();"
							class="selectedBtn loginOut">[已报名学生]</button>
						<!-- <button id="dclstudent" class="loginOut" type="button"
							onclick="ToggleBG(this);loadStuByState(2);">[待定学生]</button> -->
						<button id="logout" class="loginOut" onclick="is_submit(6)">[安全退出]</button>
					</div>
					<div class="clearfix exportOutbox"></div>
				</div>
				<div><hr style=" height:2px;border:none;border-top:2px solid #185598;"/></div>
							<div class="fl">
								<input type="text" placeholder="输入学生身份证号" class="searchtext" id="searchtext">
								<button class="searchbtn" >&nbsp;&nbsp;&nbsp;&nbsp; </button>
							</div>
				<div class="tablebox" th:object="${students}">
					<table id="shenhetable">
					</table>
					<div class="clearfix exportOutbox"></div>
				</div>
				<div class="fr rightbox">
				<button  type="button" id="exportYBM" class="loginOut"  
							onclick="exportYbm()">[导出已确认报名数据]</button>
							
						<button id="exportWBM" class="loginOut" type="button"
							onclick="exportWbm(this)" >[导出未报名数据]</button>
				</div>
			</form>
			
		</div>
	</div>
</body>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/gVerify.js"></script>
<script src="js/commen.js"></script>
<link href="css/bootstrap.css" rel="stylesheet" />
<script src="js/bootstrap.js"></script>
<script src="js/bootstrap-table.js"></script>
<link href="css/bootstrap-table.css" rel="stylesheet" />
<script src="js/bootstrap-table-zh-CN.js"></script>
<script type="text/javascript" src="js/tableExport.js"></script>
<script type="text/javascript" src="js/base64.js"></script>
<script type="text/javascript" src="js/bootstrap-table-export.js"></script>
<!-- <script src="js/wishmanager.js"></script> -->
<script th:inline="javascript">
//var st=[[${students}]];
//alert(st);
	
	//全选
	$('.checkall').on(
			'change',
			function() {
				console.log($(this).is(':checked'))
				var checkstate = $(this).is(':checked');
				if (checkstate == true) {
					//全选
					$('tbody tr').find('input[type=checkbox].chose').prop(
							'checked', true);
				} else {
					//取消全选
					$('tbody tr').find('input[type=checkbox].chose').prop(
							'checked', false);
				}
			})


$(function () {
    //1.初始化Table
    var arr;
    var oTable = new TableInit();
    oTable.Init();
})
			
var TableInit = function () {
    var oTableInit = new Object();
    oTableInit.Destory = function () {
  //      $('#shenhetable').bootstrapTable('destroy');
    };
    oTableInit.Init = function () {
        $("#shenhetable").bootstrapTable({
            url: "getStudentByDclztPage",         //请求后台的URL（*）
            contentType: "application/x-www-form-urlencoded",
            method: 'post',                      //请求方式（*）
            toolbar: '#toolbar',                //工具按钮用哪个容器
            striped: true,                      //是否显示行间隔色
            //dataField:'studentstr',
            cache: true,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
            pagination: true,                   //是否显示分页（*）
            silent: true,
            sortable: true,                     //是否启用排序
            sortOrder: "asc",                   //排序方式
            queryParams: oTableInit.queryParams,//传递参数（*）
            queryParamsType: "undefined",
            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
            pageNumber: 1,                       //初始化加载第一页，默认第一页
            pageSize: 10,                       //每页的记录行数（*）
            pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
            search: false,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
            strictSearch: false,
            showColumns: true,                  //是否显示所有的列
            showRefresh: false,                  //是否显示刷新按钮
            minimumCountColumns: 2,             //最少允许的列数
            clickToSelect: true,                //是否启用点击选中行
            /* height: 500, */                        //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
            uniqueId: "ID",                     //每一行的唯一标识，一般为主键列
            showToggle: false,                    //是否显示详细视图和列表视图的切换按钮
            cardView: false,                    //是否显示详细视图
            detailView: false,                   //是否显示父子表
            showExport: true, 
            exportTypes:['excel'],
            exportDataType: 'all',
            exportOptions:{  
                //ignoreColumn: [0],  //忽略某一列的索引  
                fileName: '报名表',  //文件名称设置  
                worksheetName: 'sheet1',  //表格工作区名称  
                tableName: '报名表',  
            }, 
            columns: [{
                field: 'chose',
                checkbox: true
            },
            {
            	field: 'id',
            	title: 'ID',
            	align: 'center'},
            {
            	field: 'xm',	
            	title: '姓名', 
            	align: 'center'},
            {
                field: 'bmh',
                title: '报名号'
                , align: 'center'
            },
            {
                field: 'sfzh',
                title: '身份证号'
                , align: 'center'
            },
            {
                field: 'mz',
                title: '民族'
                , align: 'center'
            },   
            {
                field: 'csrq',
                title: '出生年月'
                , align: 'center'
            },
            {
                field: 'bjdm',
                title: '班级名称'
                , align: 'center'
            },
            {
                field: 'byzxdm',
                title: '毕业中学'
                , align: 'center'
            }, 
            {
                field: 'lxdh',
                title: '联系电话'
                , align: 'center'
            },      
            {
                field: 'wbxh',
                title: '网报序号'
                , align: 'center'
            },      
            {
                field: 'jdd',
                title: '就读地'
                , align: 'center'
            }
            ]
        });
    };
    oTableInit.queryParams = function (params) {
        var param = {
            sfzh: $("#searchtext").val(),
            pageSize: params.pageSize,   //页面大小
            pageIndex: params.pageNumber,  //页码
            "dclzt":1,
            "xsdm":$("input[name='userid']").val()
        };
        return param;
    };
    return oTableInit;
};



$(".searchbtn").click(function() {
	var param = {
		sfzh : $("#searchtext").val(),
		pageSize : 10, //页面大小
		pageIndex : 1, //页码
        "dclzt":1,
        "xsdm":$("input[name='xsdm']").val()
	};
	$.ajax({
		url : "getStudentByDclztPage",
		type : "post",
		data : param,
		success : function(data) {
			$('#shenhetable').bootstrapTable('load', data);
			//alert(data);
		}
	})
    $('#shenhetable').bootstrapTable('refresh');
	$(".searchtext").val("");
	return false;
})

function is_submit(value) {
    var form1 = $("#form1");
    if (value == 1) {          
        //var id = $("#logout").val();
        form1.action = "check";
         $("#form1").attr("action",form1.action);
        form1.submit();
    }else if (value == 2) {
        form1.action = "doCreateSignUpStudentBmh";
        $("#form1").attr("action", form1.action);
        form1.submit();
    }else if (value == 3) {
        form1.action = "addStudent";
        $("#form1").attr("action", form1.action);
        form1.submit();
    }else if (value == 4) {
        form1.action = "未报名学生";
        $("#form1").attr("action", form1.action);
        form1.submit();
    }else if (value == 5) {
        form1.action = "待定学生";
        $("#form1").attr("action", form1.action);
        form1.submit();
    }else if (value == 6) {          
        //var id = $("#logout").val();
        form1.action = "logout";
         $("#form1").attr("action",form1.action);
        form1.submit();
    }
};

/**
 * 为选中的学生 生成报名号
 */
function createBMH(obj){
	//	获取所有选中的数据
	var selectedData = 	$('#shenhetable').bootstrapTable('getSelections');
	//if(!selectedData||selectedData.length==0){
	//	alert("请选择学生！");return;
//}
	//selectedData[0].jdd;
	$.ajax({
		url:"doCreateSignUpStudentBmh",
		type:"post",
		data:{"xsdm":$("input[name='userid']").val()},
		//dataType:"xml",
		success:function(data){
			alert("生成成功");
		},
		error:function(){
			alert("请求错误！");
		}
	})
}

/** 
 * 导出已报名数据
 */
 function exportYbm(){	
	var xsdm=$("input[name='xsdm']").val();
	location.href ="exportSignUpStudent";
	return true;
	//alert(xsdm);
		/* $.ajax({
			url:"exportSignUpStudent",
			type:"get",
			async:false,
			data:{"xsdm":xsdm.toString()},
			//dataType:"xml",
			success:function(data){
				//alert(data);
			},
			error:function(){
				alert("请求错误！");
			}
		}) */
		
	
};
 /** 
  * 导出未报名数据
  */
  function exportWbm(){
		var xsdm=$("input[name='xsdm']").val();
		location.href ="exportNotSignUpStudent";
		return true;
/**		
 		$.ajax({
 			url:"exportNotSignUpStudent",
 			type:"post",
 			data:{"xsdm":$("input[name='xsdm']").val()},
 			//dataType:"xml",
 			success:function(data){
 				alert(data);
 			},
 			error:function(){
 				alert("请求错误！");
 			}
 		})
*/ 	
 };
 
/**
 * 切换选中按钮背景
 */
function ToggleBG(obj){
	$(".selectedBtn").removeClass("selectedBtn");
	$(obj).addClass("selectedBtn");
}

/**
 * 加载未报名学生信息
 */
function loadWBMstu(){
	$('#shenhetable').bootstrapTable('refresh',{
		 "url":"getWBMStudent",
		 "query":""
	 });
}

/**
 *  加载学生
 */
function loadStuByState(){
	 $('#shenhetable').bootstrapTable('refresh',{
		 "url":"getStudentByDclztPage",
		 "param":{
			 "dclzt":'1',
			 sfzh: $("#searchtext").val(),
	            pageSize: 10,   //页面大小
	            pageIndex: 1,  //页码
	            "xsdm":$("input[name='userid']").val()
			 }
	 });
}

/**
 * 修改学生信息
 */
function updateStudent(){
	//	只能修改已报名学生的信息
//	if(!$("#YBMstudent").hasClass("selectedBtn")){
	//	alert("只能修改已报名学生的信息");return;
//	}
	var allSelected = $('#shenhetable').bootstrapTable('getAllSelections');
	if(!allSelected || allSelected.length==0){
		alert("请选择学生");return;
	}
	if(allSelected.length>1){
		alert("只能同时修改一个学生信息");return;
	}
	allSelected = allSelected[0];
	$("#updateStuForm").html('');
	var signUpStudent = new Object();
	signUpStudent.xm = "jonjian";
	  var keys = [];
       for (var key in allSelected) {
           if (allSelected.hasOwnProperty(key))
        	   keys.push(key);
       }
       var html = "";
       for(var i=0;i<keys.length;i++){
    	   var key = keys[i];
    	   var val = allSelected[key];
    	   val= val==null?"":val;
    	   html+="<input type='hidden' name='"+key+"' value='"+val+"' /> ";
       }
    $("#updateStuForm").append(html);
    $("#updateStuForm").submit();
}
	
</script>
</html>